<template>

  <el-container>
    <el-header class="header">Header
      <el-button type="primary" @click="logout">退出</el-button>
    </el-header>

    <el-aside class="aside">Aside</el-aside>
    <el-main class="main">Main</el-main>

  </el-container>
</template>
<script>
  export default {

    methods: {
      logout() {
        window.sessionStorage.clear();
        this.$router.push("/login");
      }}};
</script>
<style lang="less" scoped>
  .main{
    width: 1400px;
    position: absolute;
    height:100%;
    background-color: #42b983;
    left: 200px;
  }
  .aside{
    background-color: royalblue;
    width: 200px;
    height: 100%;
    left: 0px;
    position: absolute;
  }
  .header{
    background-color: red;
  }
  .el_con{
    height: 100%;
    background: #42b983;
  }
  .el_main{
    height: 100%;
    background-color: antiquewhite;
  }
</style>